*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,body{
  width: 100%;
  height: 100%;
}

body{
  background-color: #eee;
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

.fl{
  float: left;
}

.fr{
  float: right;
}

.clearfix:after{
  content: '';
  clear: both;
  display: block;
}

a{
  color: #333;
  text-decoration: none;
}

ul,dl,ol{
  padding: 0;
  margin: 0;
}

.bg-black{
  background-color: #23262E;
}

.bg-white{
  background-color: #fff !important;
}

.bg-green{
  background-color: #009688!important;
}

.bg-blue{
  background-color: #1E9FFF!important;
}

.bg-orange{
  background-color: #FFB800!important;
}


.skin-black{
  background: #23262E -webkit-gradient(linear,right top,left top,from(#23262E),to(#333));
  background: #23262E -webkit-linear-gradient(right,#23262E 0,#333 100%);
  background: #23262E -o-linear-gradient(right,#23262E 0,#333 100%);
  background: #23262E linear-gradient(-90deg,#23262E 0,#333 100%);
  background-color: #23262E;
  border-top-color: #333;
  border-bottom-color: #ccc;
}

.skin-green{
  background: #5adf96 -webkit-gradient(linear,right top,left top,from(#00b791),to(#5adf96));
  background: #5adf96 -webkit-linear-gradient(right,#00b791 0,#5adf96 100%);
  background: #5adf96 -o-linear-gradient(right,#00b791 0,#5adf96 100%);
  background: #5adf96 linear-gradient(-90deg,#00b791 0,#5adf96 100%);
  background-color: #5adf96;
  border-top-color: #00b791;
  border-bottom-color: #e5fbf3;
}

.skin-blue{
  background: #1183fb -webkit-gradient(linear,right top,left top,from(#0a48d1),to(#1183fb));
  background: #1183fb -webkit-linear-gradient(right,#0a48d1 0,#1183fb 100%);
  background: #1183fb -o-linear-gradient(right,#0a48d1 0,#1183fb 100%);
  background: #1183fb linear-gradient(-90deg,#0a48d1 0,#1183fb 100%);
  background-color: #1183fb;
  border-top-color: #0c64eb;
  border-bottom-color: #e9f2fb;
}

.skin-pink{
  background: #f7889c -webkit-gradient(linear,right top,left top,from(#a050d7),to(#f7889c));
  background: #f7889c -webkit-linear-gradient(right,#a050d7 0,#f7889c 100%);
  background: #f7889c -o-linear-gradient(right,#a050d7 0,#f7889c 100%);
  background: #f7889c linear-gradient(-90deg,#a050d7 0,#f7889c 100%);
  background-color: #f7889c;
  border-top-color: #a050d7;
  border-bottom-color: #ffebf8;
}

.fz-20{
  font-size: 20px;
}

.fz-30{
  font-size: 30px;
}

.fw-blod{
  font-weight: bold;
}

.f-italics{
  font-style: italic;
}

.c-red{
  color: #F56C6C;
}

.c-gray{
  color: #999;
}
